.bar-horizontal {
  height: 32px;
  background: url('@/assets/general/bar-bg.png') no-repeat;
  overflow: hidden;
  position: relative;

  > div {
    height: 100%;
    transition: all .3s linear;
    width: 0;
  }

  > span {
    position: absolute;
    left: 500px;
    font-size: 36px;
    font-family: Giorgio Sans;
    font-weight: normal;
    color: #FFFFFF;
    z-index: 10;
    top: -14px;
  }

  .bar-horizontal--yellow {
    background: url('@/assets/general/bar-active-yellow.png') no-repeat 8px 5px;
  }

  .bar-horizontal--blue {
    background: url('@/assets/general/bar-active-blue.png') no-repeat 8px 5px;
  }
}